<template>
	<view>
		<view>
			<uni-section :title="tittle" type="line">
				<text style="color: #0081FF;margin-left: 30rpx;" @click="seezhangdan">查看账单</text><br>
				<uni-card title="待缴金额" :extra="'￥'+money">
					<text class="uni-body">户号：{{billNumber}}</text><br>
					<text class="uni-body">户主：{{userName}}</text><br>
					<text class="uni-body">缴费单位：{{payee}}</text>
				</uni-card>
			</uni-section>
		</view>
		<!-- <view class="foot-box" @click="zhifu"> -->
		<button @click="submit" class="button-login" hover-class="button-hover">立即缴费</button>
		<!-- </view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item: {},
				billNumber:'',
				payee:'',
				userName:'',
				type:'',
				userNumber:'',
				money:'',
				tittle:"",
				payId:""
			}
		},
		onLoad(val) {
			if (val.item != null) {
				this.item = JSON.parse(decodeURIComponent(val.item));
				this.tittle=this.item.type
				this.userName=this.item.userName
				this.payee=this.item.payee
				this.money=this.item.money
				this.billNumber=this.item.billNumber
				this.payId=this.item.paymentTypeId
			}
		},
		methods: {
			seezhangdan() {
				uni.navigateTo({
					url: '../jiaofeixiangqing'
				})
			},
			submit() {
				uni.navigateTo({
					url: './chongzhi?item='+JSON.parse(this.money)+'&payId='+JSON.parse(this.payId)
				})
			}
		}
	}
</script>

<style>
	.foot-box {
		width: 750rpx;
		height: 100rpx;
		background-color: #0055ff;
		margin-top: 10.3vh;
		color: #FFFFFF;
		font-size: 40rpx;
		line-height: 100rpx;
		text-align: center;
	}

	.button-login {
		color: #FFFFFF;
		font-size: 34rpx;
		width: 470rpx;
		height: 100rpx;
		background: linear-gradient(-90deg, rgba(58, 163, 255, 1.0), rgba(255, 197, 131, 1.0));
		box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(164, 217, 228, 0.2);
		border-radius: 50rpx;
		line-height: 100rpx;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 100rpx;
	}
</style>
